<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="../study/js/vue.js"></script>
</head>
<body>
<div id="root">
    请输入张三的成绩：<input type="text" v-model="inputValue">
    <h2 v-if="inputValue>=90 && inputValue<=100">张三成绩为优秀</h2>
    <h2 v-if="inputValue>=75 && inputValue<90">张三成绩为良好</h2>
    <h2 v-if="inputValue>=60 && inputValue<75">张三成绩为及格</h2>
    <h2 v-if="inputValue>=0 && inputValue<60 && inputValue!=null && inputValue !='' ">张三成绩为不及格</h2>
</div>

<script>
    var vm=new Vue({
        el:'#root',
        data:{
            inputValue:null
        },



    })

</script>
</body>
</html>